<template>
	<view class="mainpadding">
		<view class="flextop ">
			<image class="sptup" src="../static/image/system/zybjt.png" mode=""></image>
			<view class="" style="width: 71%;">
				<view class="flexbetween">
					<view class="ershiba fonweight xiaohei yhxk">洋河 海之蓝 绵柔浓香...</view>
					<view class="strongtext fonweight xiaohei">￥380.00</view>
				</view>
				<view class="flexbetween margin_top1">
					<view class="ershiba xiaohui yhxk">42度 480ml2瓶...</view>
					<view class="ershiba xiaohui">×1</view>
				</view>
			</view>
		</view>
		<textarea class="textarea margin_top" placeholder="请输入您的评价"></textarea>
		<view class="flexleft flex_wrap">
			<view class="flexcenter tpbox margin_top" v-for="item in 4">
				<image class="tjtp" src="../static/image/system/zybjt.png" mode=""></image>
			</view>
			<view class="flexcenter tpbox margin_top">
				<image class="tjtp" src="../static/image/system/tjtp.png" mode=""></image>
			</view>
		</view>
		<view class="sanshier xiaohei fonweight margin_top">商品评分</view>
		<view class="flexleft margin_top2">
			<view class="ershiba xiaohei margin_right2">描述相符</view>
			<view class="margin_right2">
				<u-rate :count="count" v-model="value" active-color="#2361FF" inactive-color="#b2b2b2"></u-rate>
			</view>
			<view class="ershiba xiaohui">中等满意</view>
		</view>
		<!--  -->
		<view class="gudingdb ffffff mainpadding">
			<view class="bigbtn">提交</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				count: 4,
				value: 2
			}
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	.tpbox {
		width: 33.33%;
	}

	.tjtp {
		width: 199rpx;
		height: 199rpx;
	}

	.textarea {
		padding: 30rpx;
		box-sizing: border-box;
		width: 100%;
		background: #F9F9F9;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
	}

	.sptup {
		width: 176rpx;
		height: 176rpx;
		border-radius: 20rpx;
	}
</style>